.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.txh{
	display: flex;
}
html,doby{
	

#box{
   width: 100%;
	height: 100%;
    background: #f0ebf0;
header{
	.swiper-container{
			.px2rem(height,344);
			overflow: hidden;
			.swiper-wrapper{
				.swiper-slide img{
                          .px2rem(height,344);
                          width: 100%;
				}
			}
		}
}
section{
      
      .px2rem(margin-bottom,90);
      .menu{
       .px2rem(height,171);
       border-bottom:1px solid #ccc;
       background:#fff;
      ul{
      .txh;
      li{
      flex:1;
      text-align:center;
      .px2rem(margin-top,30);
        p{

        img{
          width:30%;
          .px2rem(margin-bottom,15);
        }
       }

      }
      }
      }
      .nav{
       .px2rem(height,96);
        border-bottom:1px solid #ccc;
        .px2rem(margin-top,20);
        background:#fff;
        ul{
        .txh;
        .px2rem(line-height,96);
        li{
        flex:1;
        text-align:center;
        .px2rem(font-size,30);
        border-right:1px solid #ccc;
        }
        }
      }
      .nav_foot{
		      .px2rem(height,204);
		        border-bottom:1px solid #ccc;
		        background:#fff;
		        .txh;
		        justify-content:space-between;
		        span{
                  .px2rem(padding-top,60);
		        }
		        span:nth-child(1) img{
		        width:170%;
		        }
		        span:nth-child(2){

		          .px2rem(font-size,50);
		          color:red;
		          p{
		             .px2rem(font-size,28);
		              .px2rem(padding-top,10);
		              color:#ccc;
		              b{
		              text-decoration:line-through;
		              }
		          }
		        }
		        button{
				        .px2rem(width,119);
				        .px2rem(height,50);
				        border:1px solid red;
				        .px2rem(border-radius,15);
				        .px2rem(margin-top,50);
				         .px2rem(font-size,28);
				         background:#fff;
				         color:red;
		        }
          }
        .cai{
                     .px2rem(height,160);
				      .px2rem(margin-top,20);
				         .px2rem(font-size,28);
				         background:#fff;
				         ul{
			      .txh;
			      li{
			      flex:1;
			      text-align:center;
			      .px2rem(margin-top,30);
			        p{

			        img{
			          width:30%;
			          .px2rem(margin-bottom,15);
			        }
			       }

      }
      }
        }
        .licai{
        .px2rem(height,81);
         .px2rem(margin-top,20);
         background:#fff;
         border-bottom:1px solid #ccc;
         span:nth-child(1){
         .px2rem(line-height,81);
         .px2rem(font-size,32);
         .px2rem(margin-left,20);
         .px2rem(margin-right,30);
         border-left:10px solid red;
         .px2rem(padding-left,20);
         }
        }
        .re{
        .px2rem(height,216);
        background:#fff;
        ul{
          .txh;
          .px2rem(margin-left,80);
          .px2rem(padding-top,40);
          li:nth-child(1){
                .px2rem(font-size,36);
                .px2rem(padding-right,40);
                border-right:2px solid #ccc;
                p{
                 .px2rem(font-size,50);
                 color:#ff5d39;
                }
          }
          li:nth-child(2){
                .px2rem(margin-left,30);
                .px2rem(font-size,28);
                p{
                .px2rem(margin-bottom,15);
                .txh;
                }
                
          }
          li:nth-child(3){
          button{
                .px2rem(width,135);
                .px2rem(height,56);
                .px2rem(font-size,30);
                .px2rem(border-radius,15);
                background:#ff5d39;
                color:#fff;
                 .px2rem(margin-top,20);
                }
          }
        }
        }
        .zhi{
            .px2rem(height,50);
            .px2rem(line-height,50);
            .px2rem(font-size,26);
            background:#fff7f7;
        }
        .rer{
        .px2rem(height,216);
        background:#fff;
        .px2rem(margin-top,20);
        ul{
          .txh;
          .px2rem(margin-left,80);
          .px2rem(padding-top,40);
          li:nth-child(1){
                .px2rem(font-size,36);
                .px2rem(padding-right,40);
                border-right:2px solid #ccc;
                p{
                 .px2rem(font-size,50);
                 color:#ff5d39;
                }
          }
          li:nth-child(2){
                .px2rem(margin-left,30);
                .px2rem(font-size,28);
                p{
                .px2rem(margin-bottom,15);
                .txh;
                }
                
          }
          li:nth-child(3){
          button{
                .px2rem(width,135);
                .px2rem(height,56);
                .px2rem(font-size,30);
                .px2rem(border-radius,15);
                background:#ff5d39;
                color:#fff;
                 .px2rem(margin-top,20);
                }
          }
        }
        }
        .mei{
		        .px2rem(height,70);
		        .px2rem(line-height,70);
		        background:#fff;
		        .px2rem(margin-top,20);
		        .px2rem(font-size,30);
		        border-bottom:1px solid #ccc;
          ul{
          .txh;
           justify-content:space-between;
           li:nth-child(1){
             .px2rem(margin-left,20);
             .px2rem(padding-left,20);
             border-left:10px solid red;
           }
           li:nth-child(2){
             .px2rem(margin-right,20);
             img{
             .px2rem(margin-left,20);
             }
           }
          }
        }
        .video{
          .px2rem(height,327);
           background:#fff;
           img{
           width:80%;
           margin-left:10%;
            .px2rem(height,280);
            .px2rem(margin-top,24);
           }
        }
        .huan{
        .px2rem(height,214);
           background:#fff;
           ul{
           .txh;
           
           li:nth-child(1){
           img{
           width:200%;
           height:100%;
           }
           }
           li:nth-child(2){
              .px2rem(margin-left,150);
              .px2rem(padding-top,60);
              .px2rem(font-size,26);
              p{
                .px2rem(font-size,30);
                .px2rem(padding-bottom,20);
              }
           }
           }
        }
        .xian{
          .px2rem(height,327);
           background:#fff;
           img{
           width:80%;
           margin-left:10%;
            .px2rem(height,280);
            .px2rem(margin-top,24);
           }
        }
        .zan{
        .px2rem(height,464);
        img{
        width:100%;
        .px2rem(height,350);
        }
        button{
        .px2rem(width,180);
        .px2rem(height,60);
        .px2rem(font-size,26);
        .px2rem(border-radius,18);
          margin-left:36%;
          color:red;
          border:1px solid red;
        }
        }
}
footer{
	.px2rem(height,90);
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background:#fff;
	ul{
	.txh;
	li{
	flex:1;
	text-align:center;
	img{
	width:40%;
	}
	}
	}
}
}

}